@import './var.css';
@import 'element-plus/theme-chalk/dark/css-vars.css';

html,body {
  font-size: 14px;
}

.reset-margin [class*='el-icon'] + span {
  margin-left: 2px !important;
}

// 解决抽屉弹出时，body宽度变化的问题
.el-popup-parent--hidden {
  width: 100% !important;
}

// 解决表格内容超过表格总宽度后，横向滚动条前端顶不到表格边缘的问题
.el-scrollbar__bar {
  display: flex;
  justify-content: flex-start;
}

.el-dialog {
  border-radius: 8px;
  left: 50%;
  top: 50%;
  margin: 0 !important;
  transform: translate(-50%, -50%);
}

/* nprogress 适配 element-plus 的主题色 */
#nprogress {
  & .bar {
    background-color: var(--el-color-primary) !important;
  }

  & .peg {
    box-shadow: 0 0 10px var(--el-color-primary), 0 0 5px var(--el-color-primary) !important;
  }

  & .spinner-icon {
    border-top-color: var(--el-color-primary);
    border-left-color: var(--el-color-primary);
  }
}
#qrCodeBox-content{
  text-align: center;
  
  #qrCodeBox{
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }
}
.w-56px{
  width: 30px!important;
  height: 30px!important;
}

.self-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.self-max-width-200 {
  max-width: 200px;
}

.self-max-width-400 {
  max-width: 400px;
}

.self-max-width-500 {
  max-width: 500px;
}

.el-input__wrapper{
  padding: 1px 10px;
}

.el-input--default{
  height: 36px;
  line-height: 36px;
}

.el-input--small{
  height: 32px;
  line-height: 32px;
}

.el-input--large{
  height: 40x;
  line-height: 40px;
}

.el-button{
  height: 36px;
  font-size: 14px;
  line-height: 36px;
}

.el-button--large{
  height: 40px;
  font-size: 14px;
  line-height: 40px;
}

.el-button--small{
  height: 32px;
  font-size: 12px;
  line-height: 32px;
}
.form-time-height{
  width: 180px !important;
  height: 36px !important;
  .el-input__wrapper{
    height: 36px !important;
    line-height: 36px !important;
  }
  .el-input__inner{
    height: 36px !important;
    line-height: 36px !important;
  }

}

.form-item-height {
  height: 36px !important;
  width: 380px !important;
}

// 为了确保内部元素垂直居中
.form-item-height :deep(.el-input__wrapper),
.form-item-height :deep(.el-input__inner) {
  height: 36px !important;
  line-height: 36px !important;
}

.form-item-height :deep(.el-button) {
  height: 36px !important;
  line-height: 36px !important;
}
.no-back-style.gyssh-type {
  background: rgba(230, 162, 60, 0.2) !important; // 待供应商审核
  border-color: #FFB23E !important;
  color: #FFB23E !important;
}
.no-back-style.cgfsh-type {
  background: rgba(230, 162, 60, 0.2) !important; // 待采购方审核
  border-color: #FF7D32 !important;
  color: #FF7D32 !important;
}
.no-back-style.dqr-type {
  background: rgba(230, 162, 60, 0.2) !important; // 待确认
  border-color: #E3BD00 !important;
  color: #E3BD00 !important;
}
.no-back-style.gq-type {
  background: rgba(230, 162, 60, 0.2) !important; // 挂起
  border-color: #F30000 !important;
  color: #F30000 !important;
}
.no-back-style.sh-type {
  background: rgba(230, 162, 60, 0.2) !important; // 待审核
  border-color: #E6A23C !important;
  color: #E6A23C !important;
}

.no-back-style.rc-type {
  background: rgba(64, 158, 254, 0.2) !important; // 待入场
  border-color: #409EFE !important;
  color: #409EFE !important;
}

.no-back-style.lp-type {
  background: rgba(102, 60, 255, 0.2) !important; // 待录皮
  border-color: #663CFF !important;
  color: #663CFF !important;
}

.no-back-style.zm-type {
  background: rgba(67, 205, 220, 0.2) !important; // 待装煤
  border-color: #43CDDC !important;
  color: #43CDDC !important;
}

.no-back-style.cm-type {
  background: rgba(255, 100, 22, 0.2) !important; // 待称毛
  border-color: #FF6416 !important;
  color: #FF6416 !important;
}

.no-back-style.cc-type {
  background: rgba(227, 102, 255, 0.2) !important; // 待出厂
  border-color: #E366FF !important;
  color: #E366FF !important;
}

.no-back-style.wc-type {
  background: rgba(103, 194, 58, 0.2) !important; // 已完成
  border-color: #67C23A !important;
  color: #67C23A !important;
}

.no-back-style.zf-type {
  background: rgba(245, 108, 108, 0.2) !important; // 已作废
  border-color: #F56C6C !important;
  color: #F56C6C !important;
}

.no-back-style.zz-type {
  background: rgba(144, 147, 153, 0.2) !important; // 已终止
  border-color: #909399 !important;
  color: #909399 !important;
}
.back-style.sh-type {
  color: #E6A23C !important;
}

.back-style.rc-type {
  color: #409EFE !important;
}

.back-style.lp-type {
  color:#663CFF !important;
}

.back-style.zm-type {
  color: #43CDDC !important;
}

.back-style.cm-type {
  color: #FF6416 !important;
}

.back-style.cc-type {
  color: #E366FF !important;
}

.back-style.wc-type {
  color: #67C23A !important;
}

.back-style.zf-type {
  color: #F56C6C !important;
}

.back-style.zz-type {
  color: #909399 !important;
}
.back-style.gyssh-type {
  color: #FFB23E !important;
}
.back-style.cgfsh-type {
  color: #FF7D32 !important;
}
.back-style.dqr-type {
  color: #E3BD00 !important;
}
.back-style.gq-type {
  color: #F30000 !important;
}
.back-style.bkjs-type {
   color: #E366FF !important;
 }
.back-style.wjs-type {
  color: #FF6416 !important;
}
.back-style.yjs-type {
  color: #909399 !important;
}